<template>
	<div class="detail_footer">
                <router-link to="/home"><div>首页</div></router-link>
               <div>购物车</div>
                <div>加入购物车</div>
                <div>立即购买</div>
          </div>
</template>

<script type="text/javascript">
	
</script>

<style type="text/css">
	 nav{
     	display: none !important;
     	
     }
     .detail_footer{
     	height: .54rem;
     	
     	background: white;
     	z-index: 100;
     	justify-content: space-between;
     	align-items: center;
     	position: fixed;
     	left: 0;
     	bottom: 0;
     	right: 0;
     	font-size: .16rem;
     }
     .detail_footer div{
     	float: left;
     	width: 20%;
     	line-height: .54rem;
     	text-align: center;
     }
     .detail_footer div:nth-of-type(2){
     	width: 1.23rem;
     	height: 100%;
     	background: #f90;
     	color: white;
     	line-height: .54rem;
     	text-align: center;
     }
     .detail_footer div:nth-of-type(3){
     	width: 1.23rem;
     	height: 100%;
     	background: #f95b07;
     	color: white;
     	line-height: .54rem;
     	text-align: center;
     }
</style>